<template>
	<div class='card'>
		<slot>
			<span>茶文化</span>
		</slot>
	</div>
</template>

<script>
</script>

<style scoped lang='scss'>
.card{
	width: 100%;
	padding:0.4rem 0;
	text-align: center;
	span{
		position: relative;
		font-size:0.426666rem;
		&:after{
			content: '';
			position: absolute;
			right:-0.533333rem;
			top:50%;
			margin-top: -0.106666rem;
			width: 0.213333rem;
			height: 0.213333rem;
			background-color: #d4c0a7;
			border-radius:50%;
		}
		&:before{
			content: '';
			position: absolute;
			left:-0.533333rem;
			top:50%;
			margin-top: -0.106666rem;
			width: 0.213333rem;
			height: 0.213333rem;
			background-color: #d4c0a7;
			border-radius:50%;
		}
	}
}
</style>
